<!DOCTYPE html>
<html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>微信</title>
            <style>
                *{
                    margin: 0px;
                    padding: 0px;
                    list-style: none;

                }
                .one{
                    height: 497px;
                    background: url(11.jpg)repeat-x; 
                }
                .two{
                    height: 378px;
                    width: 1000px;
                    margin:48px auto 0px auto;
                }
                .three{
                    height: 50px;
                    width: 968px;
                    margin:27px auto 0px auto;
                    background-color: white;
                }
                .o-1{
                    height: 75px;
                    width: 968px;
                    margin: 0px auto 0px auto;
                }
                .o-2 .logo{
                    float: left;
                    height:44px;
                    margin-top: 14px;
                    
                }
                .o-3{
                    float: right;
                    width: 748px;
                    height: 53.8px;
                    margin-top: 20px;
                }
                .y3 {
                    color: white;
                }
                .y2{
                    color: white;
                }
                .y1{
                    color: white;
                }
                .y4{
                    color: white;
                }
                .y5{
                    color: white;
                }
                .y6{
                    color: white;
                }
                .y7{
                    color: white;
                }
                .y8{
                    color: white;
                }
                .y9{
                    color: white;
                }

                .o-4 {
                    height: 424px;
                    margin-top: 50px auto 0px auto ;
                    float: left;
            
                }
                .p1{
                    font-size: 16px;
                    color: #979797;
                    margin: 5.4px auto;
                }
                .hh{
                background-image: none;
                font-size: 26px;
                font-weight: 400;
                position: static;
                margin-top: 30px;
                }
                .o-5{

                }
                .big{
                height: 424px;
                margin-bottom: 44px;
                margin-left: auto;
                margin-right: auto;
                }

                .a1{
                    text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    float: left;
                    font-size: 17.6px;
                    margin-top: 20px;
                }
                .a2{
                    text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    float: left;
                    margin-top: 10px;
                    font-size: 17.6px;
                }
                .a3{
                    text-decoration: none;
                    float: left;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    margin-top: 10px;
                    font-size: 17.6px;
                }
                .xx{
                    text-decoration: none;
                    float: left;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    margin-top: 10px;
                    font-size: 17.6px;
                    width: 224px;
                    height: 64px;
                    background: url(555.png);
                }
                .b8{
                    background: url(888.png) repeat-x;
                     display: block;
                    width: 200px;
                    height: 114px;
                    margin-top: 3px;
                    cursor: pointer
                }
                 h2 {
                    font-size: 14px;
                    font-weight: 700;
                    margin-top: 10px;
                    }
                    .t-1-1 p{
                        color: #999;
                        margin: 5px 0px;   

                    
                    }
                    .t-1-1{
                        width: 216px;
                        float: left;
                    }
                    .a88{
                     text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    }
                    .b9{
                    background: url(254.png) repeat-x;
                     display: block;
                    width: 200px;
                    height: 114px;
                    margin-top: 3px;
                    cursor: pointer}

                    .t-1-2{
                        width: 216px;
                        float: left;
                    }
                    .a99{
                     text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    }
                    .t-1-3{
                        width: 216px;
                        float: left;
                    }
                    .a100{
                     text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;}
                    .b10{
                    background: url(254.png) repeat-x;
                     display: block;
                    width: 200px;
                    height: 114px;
                    margin-top: 3px;
                    cursor: pointer}
                    .t-2 li{
                     text-decoration: none;
                    color: #609700;
                    cursor: pointer;
                    outline: none;
                    }
                    .left {
                    color: gray;
                    float: left;
                    margin-top: 30px;
                    }
                    .left a {
                        font-size: 12px;
                        color: gray;
                        margin: 3px;
                        text-decoration: none;
                    }
                 .right {
                    float: right;
                    color: gray;
                 }
            </style>
        </head>
        <body>
            <div class="one">
                <div class="o-1">
                    <div class="o-2">
                        <a href=""><img class="logo" src="logo.png" alt=""></a>
                    </div>
                    <div class="o-3">
                        <li class="yy">   
                            <a class="y1" href="https://weixin.qq.com/"><span>首页</span></a>
                            <a class="y2" href="https://kf.qq.com/product/weixin.html"><span>帮助与反馈</span></a>
                            <a class="y3" href="https://mp.weixin.qq.com/"><span>公众平台</span></a>
                            <a class="y4" href="https://open.weixin.qq.com/"><span>开放平台</span></a>
                            <a class="y5" href="https://pay.weixin.qq.com/"><span>微信支付</span></a>
                            <a class="y6" href="https://ad.weixin.qq.com/"><span>微信广告</span></a>
                            <a class="y7" href="https://work.weixin.qq.com/"><span>企业微信</span></a>
                            <a class="y8" href="https://sticker.weixin.qq.com/"><span>表情开放平台</span></a>
                            <a class="y9" href="https://wx.qq.com/"><span>微信网页版</span></a>
                        </li>
                    </div>
                    <div class="big">
                    <div class="o-4">
                        <h1 class="hh">微信，是一个生活方式
                            <p class="p1">超过十亿人使用的手机应用<br><br>
                                支持发送语音短信、视频、图片和文字<br><br>
                                可以群聊，仅耗少量流量，适合大部分智能手机</p>
                               <a class="xx" href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6"></a><br>
                                <a class="a1" href="https://weixin110.qq.com/security/readtemplate?t=find_password/index">忘记了微信账号或密码？</a><br>
                                <a class="a2" href="https://weixin110.qq.com/security/readtemplate?t=page/self_deblock__account&lang=zh_CN">自助解封登录或功能限制</a><br>
                                <a class="a3" href="https://weixin110.qq.com/security/readtemplate?t=page/account_frozen__intro">冻结或解冻微信账号</a>
                        </h1>
                        
                    </div>
                    <div class="o-5">
                    </div>
                </div>
            </div>
        </div>
            <div class="two">
                <ul class="t-1" >
                    <li class="t-1-1" >
                        <a target="" href="https://wx.qq.com/">
                            <b class="b8"></b>
                        </a>
                        <h2>微信网页版</h2>
                        <p>扫一扫二维码</p>
                        <p>就能在浏览器上使用微信</p>
                        <p>
                            <a class="a88" href="https://wx.qq.com/">了解更多</a> 
                        </p>
                           
                        
                    </li>
                    <li class="t-1-2" >
                        <a target="" href="https://mac.weixin.qq.com/">
                            <b class="b9"></b>
                        </a>
                        <h2>微信Mac版</h2>
                        <p>极致简洁，迅捷沟通</p>
                        <p>
                            <a class="a99" href="https://mac.weixin.qq.com/">了解更多</a> 
                        </p>
                           
                        
                    </li>
                    <li class="t-1-3" >
                        <a target="" href="https://pc.weixin.qq.com/">
                            <b class="b10"></b>
                        </a>
                        <h2>微信 Windows 版</h2>
                        <p>让沟通更方便</p>
                        <p>
                            <a class="a100" href="https://mac.weixin.qq.com/">了解更多</a> 
                        </p>
                </ul>
                <ul class="t-2">
                    <h2>最新消息</h2>
                    <li>
                       
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/android/802/index&faq=android_802">微信 8.0.2 for Android 正式版发布</a>
                        <span style="color:red;font-size:11px">(New)</span>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                    <li>
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/win/321/index&faq=win_321">微信 3.2.1 for Windows 正式版发布</a>
                        <span style="color:red;font-size:11px">(New)</span>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                    <li>
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/ios/802/index&faq=ios_802">微信 8.0.2 for iOS 正式版发布</a>
                        <span style="color:red;font-size:11px">(New)</span>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                    <li>
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/mac/261/index&faq=mac_261">微信 2.6.1 for Mac 正式版发布</a>
                        <span style="color:red;font-size:11px">(New)</span>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                    <li>
                        <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/upgrade">关于部分 iOS 9 用户无法更新微信</a>
                        <span style="color:red;font-size:11px">(New)</span>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                    
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin_external_links_content_management_specification">微信外部链接内容管理规范</a>
                        <span style="color:red;font-size:11px">(New)</span><br>
                        <span  class="right" style="float: right;">03-25</span>
                    </li>
                </li>
                    
                     <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=page/faq/web/21/index&faq=web_21">微信网页版 2.1 版本发布</a>
                    <span style="color:red;font-size:11px">(New)</span><br>
                    <span  class="right" style="float: right;">03-25</span>
                </li>
            </li>
                    
            <a target="_blank" href="https://sticker.weixin.qq.com/">微信表情开放平台上线</a>
                <span style="color:red;font-size:11px">(New)</span><br>
                <span  class="right" style="float: right;">03-25</span>
            </li>
            </li>
                    
            <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_rumor_filter">官方辟谣公众号开通</a>
            <span style="color:red;font-size:11px">(New)</span><br>
            <span  class="right" style="float: right;">03-25</span>
            </li>
            <div style="margin: 10px 0px 5px ; "  >
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&t=weixin_faq_list">查看更多</a>
            </div>

                </ul>
                </div>
            </div>
            <div class="three">
                <hr size="1" color="gray" width="100%">
                <div class="left">
                    <a href="https://www.tencent.com/zh-cn">关于微信</a>
                    |<a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_agreement&amp;s=default">服务条款</a>
                    |<a href="https://weixin.qq.com/cgi-bin/readtemplate?&amp;t=page/agreement/personal_account&amp;lang=zh_CN">使用规范</a>
                    |<a href="https://kf.qq.com/product/weixin.html">客服中心</a>
                    |<a href="https://weixin.qq.com/cgi-bin/readtemplate?lang=zh_CN&amp;t=weixin_agreement&amp;s=privacy">隐私保护指引</a><br>
                    © 1998 - 2021 Tencent Inc. All Rights Reserved
                </div>
                <div class="right">
                    <a href="https://weixin.qq.com/cgi-bin/readtemplate?t=weixin&amp;lang=zh_CN&amp;setlanguage=1">简体中文</a>
                    |<a href="https://www.wechat.com/zh_TW/">繁體中文</a>
                    |<a href="https://www.wechat.com/en/">English</a>
                </div>
            </div>
        </body>
</html>